<template>
	<view>
		<Header></Header>
		
		<view class="main_wrap br">
			<view class="main br">
				<view class="main_header">
					<HeadTit title="需求列表">
							<van-icon name="arrow"  />
					</HeadTit>
				</view>
				
				
				<view class="list">
					<view class="list_item">
						<view class="list_desc">
							龙州镇东合村xxx
						</view>
						<view class="list_time">
							<text class="mr5">需求列表</text>
							<text >2021/07/29</text>
						</view>
					</view>
					<view class="list_item">
						<view class="list_desc">
							龙州镇东合村xxx
						</view>
						<view class="list_time">
							<text class="mr5">需求列表</text>
							<text >2021/07/29</text>
						</view>
					</view>
					<view class="list_item">
						<view class="list_desc">
							龙州镇东合村xxx
						</view>
						<view class="list_time">
							<text class="mr5">需求列表</text>
							<text >2021/07/29</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from "../../components/header.vue"
	import Footer from "../../components/footer.vue"
	import HeadTit from "../../components/head_tit.vue"
	export default {
		data() {
			return {
				
			}
		},
		components:{
			Header,
			Footer,
			HeadTit
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.br{
		border: 1px solid red;
	}
	.mr5{
		margin-right: 25rpx;
	}
	.van-icon{
		margin-right: 20rpx;
	}
.main_wrap{
	padding: 20rpx;
	margin-bottom: 20rpx;
	.main{
		// height: 300rpx;
		// padding: 20rpx 20rpx 0;
		.main_header{
			padding-left: 20rpx;
			border-bottom: 6rpx solid red;
			padding-right: 20rpx;
			padding-top: 20rpx;
		}
		
		.list{
			padding-left: 20rpx;
			padding-right: 20rpx;
			padding-top: 20rpx;
			padding-bottom: 30rpx;
			
			
			.list_item{
				border-bottom: 2px solid orange;
				padding-bottom: 20rpx;
				margin-bottom: 20rpx;
				
				&:last-child{
					border: none;
				}
				
				
				.list_desc{
					font-weight: bold;
					font-size: 40rpx;
					margin-bottom: 30rpx;
				}
				.list_time{
					font-size: 28rpx;
				}
			}
		}
	}
}
</style>
